<template>
  <div id="udemy" class="ud-app-loader udemy">
    <div class="main-content-wrapper">
      <Head></Head>
      <div
        class="ud-component--logged-out-home--value-props"
        data-component-props='{"type":"lohp_value_props","className":"transfer_billboard_margin"}'
      >
        <div data-unique-id="241" style="display: none"></div>
        <div class="discovery-unit-empty-render"></div>
      </div>
      <div class="headline udlite-container">
        <div class="headline__main-text udlite-heading-xl">
          全球最多的课程选择
        </div>
        <div class="headline__sub-text">
          任选 130000 门在线视频课程，每月都有新内容发布
        </div>
      </div>

      <div class="component-margin"></div>

      <div class="component-margin">
        <div data-unique-id="7" style="display: none"></div>
        <section class="udlite-container">
          <h2 class="udlite-heading-xl trending-topics--section-title--3UH9I">
            Featured topics by category
          </h2>
          <div class="trending-topics--container--a08Wq">
            <div class="trending-topics--category--1RwE6">
              <h2
                class="udlite-heading-md trending-topics--title--kvhmu"
                data-purpose="category-title"
              >
                开发
              </h2>
              <div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/python/"
                      class="trending-topics--link--2qohI"
                      >Python</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    23214170 名学生
                  </div>
                </div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/web-development/"
                      class="trending-topics--link--2qohI"
                      >网页开发</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    7936730 名学生
                  </div>
                </div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/machine-learning/"
                      class="trending-topics--link--2qohI"
                      >机器学习</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    4545233 名学生
                  </div>
                </div>
              </div>
            </div>
            <div class="trending-topics--category--1RwE6">
              <h2
                class="udlite-heading-md trending-topics--title--kvhmu"
                data-purpose="category-title"
              >
                商务
              </h2>
              <div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/financial-analysis/"
                      class="trending-topics--link--2qohI"
                      >财务分析</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    907545 名学生
                  </div>
                </div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/sql/"
                      class="trending-topics--link--2qohI"
                      >SQL</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    3471425 名学生
                  </div>
                </div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/pmp/"
                      class="trending-topics--link--2qohI"
                      >PMP</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    1222756 名学生
                  </div>
                </div>
              </div>
            </div>
            <div class="trending-topics--category--1RwE6">
              <h2
                class="udlite-heading-md trending-topics--title--kvhmu"
                data-purpose="category-title"
              >
                IT 和软件
              </h2>
              <div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/aws-certification/"
                      class="trending-topics--link--2qohI"
                      >AWS 认证</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    3529580 名学生
                  </div>
                </div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/ethical-hacking/"
                      class="trending-topics--link--2qohI"
                      >道德黑客</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    7599941 名学生
                  </div>
                </div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/cyber-security/"
                      class="trending-topics--link--2qohI"
                      >网络安全</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    2583999 名学生
                  </div>
                </div>
              </div>
            </div>
            <div class="trending-topics--category--1RwE6">
              <h2
                class="udlite-heading-md trending-topics--title--kvhmu"
                data-purpose="category-title"
              >
                设计
              </h2>
              <div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/photoshop/"
                      class="trending-topics--link--2qohI"
                      >Photoshop</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    8192608 名学生
                  </div>
                </div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/graphic-design/"
                      class="trending-topics--link--2qohI"
                      >平面设计</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    2322403 名学生
                  </div>
                </div>
                <div class="trending-topics--topic--4UciM">
                  <div>
                    <a
                      href="/zh-cn/topic/drawing/"
                      class="trending-topics--link--2qohI"
                      >绘图</a
                    >
                  </div>
                  <div
                    class="trending-topics--count--31-Lz"
                    data-purpose="count"
                  >
                    2031079 名学生
                  </div>
                </div>
              </div>
            </div>
            <a
              href="/featured-topics/"
              class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md"
              ><span>Explore more</span></a
            >
          </div>
        </section>
      </div>
    </div>
    <div class="component-margin">
      <div class="teach-on-udemy-non-student-cta-wrapper">
        <div
          class="do-not-use-udlite-full-width-container non-student-cta-wrapper"
        >
          <div class="non-student-cta-bg" data-purpose="non-student-cta">
            <div class="non-student-cta-content-wrapper">
              <img
                src="../assets/static/picture/udlite-lohp-promo-teacher.jpg"
                class="non-student-cta-image"
                alt="non student cta image"
                width="320"
                height="320"
              />
              <div class="non-student-cta">
                <h3 class="udlite-heading-xxl non-student-cta__header">
                  成为讲师
                </h3>
                <p class="udlite-text-md non-student-cta__content">
                  来自世界各地的顶级讲师在 Udemy
                  上为数百万学生教授课程。我们提供工具和技巧助您教授您热爱的课程。
                </p>
                <div class="non-student-cta__link">
                  <a
                    href="/teaching/?ref=teach_home-body"
                    class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md"
                    >即刻开始教学</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="component-margin">
      <section
        class="do-not-use-udlite-full-width-container partners-container"
        data-purpose="partners"
      >
        <div class="udlite-container partners">
          <h3 class="udlite-heading-xl partners__title">
            深受各种规模公司的信任
          </h3>
        </div>
      </section>
    </div>
    <div class="component-margin">
      <div class="ufb-non-student-cta-wrapper">
        <div
          class="do-not-use-udlite-full-width-container non-student-cta-wrapper"
        >
          <div class="non-student-cta-bg" data-purpose="non-student-cta">
            <div class="non-student-cta-content-wrapper">
              <img
                src="../assets/static/picture/udlite-lohp-promo-ufb.jpg"
                class="non-student-cta-image"
                alt="non student cta image"
                width="320"
                height="320"
              />
              <div class="non-student-cta">
                <h3 class="udlite-heading-xxl non-student-cta__header">
                  Udemy for Business
                </h3>
                <p class="udlite-text-md non-student-cta__content">
                  让您的团队可以无限访问 5000 多门 Udemy 热门课程。
                </p>
                <div
                  class="non-student-cta__link ud-ufb-notice-click-event"
                  data-placement="ufb_home-body"
                >
                  <a
                    class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md"
                    href="https://business.udemy.com/request-demo-mx/?locale=zh_CN&amp;utm_medium=referral&amp;utm_source=marketplace&amp;utm_content=ufb-home-body&amp;utm_term=&amp;utm_campaign=mx-hooks&amp;ref=ufb_home-body"
                    target="_blank"
                    rel="noopener"
                  >
                    获取 Udemy for Business
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="component-margin">
      <div
        class="ud-component--logged-out-home--user_stories"
        data-component-props="{}"
      ></div>
    </div>
    <Tail></Tail>
  </div>

</template>

<script>
import tail from "@/components/tail";
import head from "@/components/head";
import md5 from "js-md5";
import Tail from "./tail.vue";
import Head from "./head.vue";

export default {
  tail: "tail",
  head: "head",
  data() {
    return {
      msg: "这是一个变量",
    };
  },
  //注册组件标签
  components: { Tail, Head },

  Headmounted: function () {
    this.$toast("内容");
  },
  methods: {},
};
</script>

<style scoped></style>
